<?php
require_once 'class.db.php';
function number_pad($number,$n) {
	return str_pad((int) $number,$n,"0",STR_PAD_LEFT);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>Feykin | Welcome to feykin.com</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/custom_jQuery.js"></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>

<link rel="stylesheet" href="styles/style.css" type="text/css" />
</head>

<body>
	<!-- Welcome Box -->
	<div class="content_border" id="welcome_div">
		<div class="logo"><img src="images/feykin_logo.png" alt="Feykin" title="Feykin" /></div>
		<div class="count">
			<?php
			$q = $db->query("SELECT Count(*) as count FROM tmp_reserve ");
			print number_pad($q->fetchColumn(),4);
			?>
		</div>
	    <div class="people_working">
	    	<span class="left">WE ARE WORKING FOR</span>
	    	<span class="right">PEOPLE</span>
	    </div>
	    <div class="inputs">
			<input type="text" id="welcome_mailaddress" class="i_text" value="E-mail address for reserve username" onclick="this.value=''"/>
	    	<input type="submit" id="mailaddress_moving" class="i_submit" value="RESERVE" />
	    </div>
	    <div class="bottom_buttons" id="bottom_buttons">
	    	<a href="#" class="support_us">SUPPORTER</a>
	    	<a href="http://feykin.com/blog" class="blog_news">BLOG NEWS</a>
	    	<a href="#" class="contact">CONTACT </a>
	    </div>
	    <div class="doyouknow">
	    	<h2>Do you know?<span>Everyday new features</span></h2>
	    	<div class="clear">Please come back soon. We will announce features in here...</div>
	    </div>
	</div>

	<!-- Username Box -->
	<div class="content_border" id="username_div">
		<a href="#" class="closebutton">Close</a>
		<div id="username_msg" style="display: none;"></div>
		<div class="username_box">
			<div class="username_feykin_com">Feykin.com/</div>
			<h1>RESERVE YOUR USERNAME</h1>
			<form id="reserve_form" action="">
				<input type="text" id="form_mailaddress" name="mail" value="mail@address.com"  />
				<input type="text" id="username" name="username" value="username" />
				<input type="text" name="name" value="Full Name" />
				<input type="submit" class="i_submit" name="" value="SEND IT" id="submit" />
			</form>
		</div>
	</div>

	<div id="support_us">
		<div class="teambox">
			<h1>The Feykin Team</h1>
			
			<div>
				<img src="images/bora.png" alt="Bora Dan" class="left" />
				<span>
					Bora Dan
					<a href="http://friendfeed.com/bqra"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://twitter.com/bqra"><img src="/images/social/twitter.png" alt="Twitter" /></a>
					<a href="http://tr.linkedin.com/in/03031987"><img src="/images/social/linkedIn.png" alt="LinkedIn Profili" /></a>
					<a href="http://www.flickr.com/photos/37353399@N04/"><img src="/images/social/flickr.png" alt="Flickr Profili" /></a>
					<a href="http://foursquare.com/bqra"><img src="/images/social/foursquare.png" alt="Foursquare Profili" /></a>
					<a href="http://bqra.deviantart.com/"><img src="/images/social/deviantart.png" alt="Deviantart Profili" /></a>
				</span>
				Bora, UI kodlamada projeye destek veriyor. 2005 yılından beri arayüz tasarım ve arayüz geliştirme ile ilgileniyor.  2009 yılından bu yana Doğan Online (ekolay.net)'da Arayüz Geliştirme Uzmanı.<br/>
				Aktif kişisel projelerinden biri: <a href="http://www.emanset.com" target="_blank">http://www.emanset.com</a>
				<div style="clear:both;"></div>
			</div>
			
			<div>
				<img src="images/can.png" alt="Can Erdoğan" class="left" />
				<span>
					Can Erdoğan
					<a href="http://canerdogan.net"><img src="/images/social/RSS.png" alt="Can Erdoğan" /></a>
					<a href="http://blog.canerdogan.net"><img src="/images/social/RSS.png" alt="Can Erdoğan Blog" /></a>
					<a href="http://friendfeed.com/ceghost"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://twitter.com/canerdogani"><img src="/images/social/twitter.png" alt="Twitter" /></a>
					<a href="http://tr.linkedin.com/in/canerdogan"><img src="/images/social/linkedIn.png" alt="LinkedIn Profili" /></a>
					<a href="http://ceghost.stumbleupon.com/"><img src="/images/social/stumbleupon.png" alt="Stumbleupon Profili" /></a>
					<a href="http://www.xing.com/profile/Can_Erdogan2"><img src="/images/social/xing.png" alt="Xing Profili" /></a>
					<a href="http://foursquare.com/canerdogani"><img src="/images/social/foursquare.png" alt="Foursquare Profili" /></a>
				</span>
				Can, Feykin projesinde Proje Yönetimi ve Teknik Danışmanlık yapıyor. 24 yaşında ve 4 yıllık freelance ve çalışma hayatının ardından son 2 yıldır <a href="http://www.h2b.com.tr/" target="_blank">H2B Internet Teknolojileri</a>'nde Proje Yöneticisi olarak çalışma hayatına devam ediyor.
				<div style="clear:both;"></div>
			</div>
			
			<div>
				<img src="images/osman.png" alt="Osman Orhan" class="left" />
				<span>
					Osman Orhan
					<a href="http://osmanorhan.com/"><img src="/images/social/RSS.png" alt="Osman Orhan" /></a>
					<a href="http://friendfeed.com/osmanorhan"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://twitter.com/osmanorhan"><img src="/images/social/twitter.png" alt="Twitter" /></a>
				</span>
				Yazılım tarafındaki ana yüklenici. Daha önce freelance olarak çalışan Osman, Feykin'i hobi olarak başlattı. Makine mühendisliği bitirmek üzere.
				<div style="clear:both;"></div>
			</div>
			
			<div>
				<img src="images/orcun_kilic.jpeg" alt="Orçun Kılıç" class="left" />
				<span>
					Orçun Kılıç
					<a href="http://www.orcunkilic.com"><img src="/images/social/RSS.png" alt="Orçun Kılıç" /></a>
					<a href="http://www.friendfeed.com/orcunkilic"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://www.twitter.com/orrcunkilic"><img src="/images/social/twitter.png" alt="Twitter" /></a>
					<a href="http://foursquare.com/orrcunkilic"><img src="/images/social/foursquare.png" alt="Foursquare Profili" /></a>
				</span>
				Grafik tasarımlarımızın bir çoğu Orçun'un elinden çıkıyor. Şimdilerde İstanbul Bilgi Üniversitesi “Görsel İletişim Tasarımı” bölümünde 3. sınıf öğrencisi olarak eğitimini devam ettirmekte.
				<div style="clear:both;"></div>
			</div>
			
			<div>
				<img src="images/semih.jpg" alt="Semih Masat" class="left" />
				<span>
					Semih Masat
					<a href="http://friendfeed.com/semihmasat"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://twitter.com/semihmasat"><img src="/images/social/twitter.png" alt="Twitter" /></a>
					<a href="http://facebook.com/benkendimsahsen"><img src="/images/social/facebook.png" alt="Facebook Profili" /></a>
					<a href="http://about.me/semihmasat"><img src="/images/social/RSS.png" alt="About.me Profili" /></a>
				</span>
				UI konusunda destek vermekte oan Semih şu anda Radore Telekom'da staj yapmakta. Network sistemleri, arayüz geliştirme üzerine kendini geliştirmekte ve lisans yerleştirme sınavlarına hazırlanmakta.
				<div style="clear:both;"></div>
			</div>
			
			<div>
				<img src="images/orcun_ilbeyli.jpeg" alt="Orçun İlbeyli" class="left" />
				<span>
					Orçun İlbeyli
					<a href="http://nucro.org"><img src="/images/social/RSS.png" alt="Orçun İlbeyli" /></a>
					<a href="http://friendfeed.com/nucro"><img src="/images/social/friendfeed.png" alt="FriendFeed Profili" /></a>
					<a href="http://twitter.com/nucro"><img src="/images/social/twitter.png" alt="Twitter" /></a>
					<a href="http://facebook.com/orcun"><img src="/images/social/facebook.png" alt="Facebook Profili" /></a>
					<a href="http://orcun.me"><img src="/images/social/RSS.png" alt="Orçun İlbeyli" /></a>
				</span>
				Orçun İlbeyli, UI ve sosyal medya konusunda destek vermekte.
				<div style="clear:both;"></div>
			</div>
			<div style="clear:both;"></div>
			<div>
				Ayrıca desteklerinden ötürü;
				<ul style="padding-left:25px;">
					<li>Ali Demirtaş</li>
					<li>Barış Ünver</li>
					<li>Batuhan Icoz</li>
					<li>Feyzullah Ceylan</li>
					<li>Hakan Nural</li>
					<li>Kerem Sevencan</li>
					<li>Ramazan Utku</li>
					<li>S. Ferit Arslan</li>
					<li>Semih Masat</li>
					<li>Volkan Altan</li>
					<li>Yunus Özen</li>
				</ul>
			</div>
		</div>
		
		<div class="supporter">
			<h1 style="float:right">Supporter &amp; Sponsor</h1>
			<div style="float:right">
				<a href="http://www.h2b.com.tr/" target="_blank"><img src="images/h2b.gif" alt="H2B İnternet Teknolojileri" /></a>
			</div>
		</div>
	</div>
	
	<div id="contact">
		<div class="message_box">
			<h1>CONTACT</h1>
			<form id="message_form" action="">
				<input type="text" id="contact_mailaddress" name="mail" value="mail@address.com" onfocus="if($(this).val()=='mail@address.com'){$(this).val('');}" />
				<input type="text" id="contact_name" name="name" value="Full Name" onfocus="if($(this).val()=='Full Name'){$(this).val('');}" />
				<textarea name="message" id="contact_message" cols="20" rows="10" onfocus="if($(this).val()=='Your messages'){$(this).val('');}">Your messages</textarea>
				<input type="submit" class="i_submit" name="" value="SEND IT" id="submit_message" style="height:30px;" onclick="$(this).val('Thank You. Please Wait!');" />
			</form>
		</div>
	</div>

	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-1239236-20']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</body>
</html>
